<template>
  <div class="video_wrap">
    <video-navtive-form></video-navtive-form>
    <table-title width="100%" title-text="视频列表"></table-title>
    <video-table
      :page-size="VideoData.pageSize"
      :total="VideoData.count"
      :video-list="VideoData.list"
    ></video-table>
  </div>
</template>
<script>
import { _getVideoList } from '../../api/video'
// import videoForm from './videoForm.vue'
import VideoNavtiveForm from './VideoNavtiveForm.vue'
import videoTable from './videoTable.vue'
export default {
  components: {
    // videoForm,
    videoTable,
    VideoNavtiveForm
  },
  data () {
    return {
      pageStart: 1,
      searchText: '',
      VideoData: {}
    }
  },
  created () {
    this.getList()
  },
  methods: {
    async getList () {
      //获取视频列表接口
      var res = await _getVideoList({
        pageStart: this.pageStart,
        searchText: this.searchText
      })
      this.VideoData = res.data.data
      console.log(res)
    }
  }
}
</script>
<style lang="less" scoped>
.video_wrap {
  width: 80%;
}
</style>
